<template>
  <div class="home">
    <!---<MdEditor :value="value" :handle-change="onChange"/>-->
    {{ value }}
    <CodeEditor :value="value" :handle-change="onChange"  />
    
  </div>
</template>

<script setup lang="ts">
import HelloWorld from "@/components/HelloWorld.vue"; // @ is an alias to /src
import MdEditor from "@/components/MdEditor.vue";
import CodeEditor from "@/components/CodeEditor.vue";
import { ref } from "vue";

  const value=ref();

  const onChange=(v:string)=>{
    value.value=v;
    console.log(v);
  };

</script>
